<template>
  <div class="h100">
    <ul>
        <li v-for="(item, index) in 10" @click="pushDetail(item)" :key="index">
            我是第{{ item }} 条数据
        </li>
    </ul>
  </div>
</template>

<script setup>
// 声明式
// router-link
// 编程式
import { useRouter } from 'vue-router'
const router = useRouter()
const pushDetail = (id) => {
    // router.push('/detail')
    router.push({
      path: "/detail",
      // 参数
      query: {
        id
      }
    })
}
</script>

<style>

</style>